/**
 * loader: 1. 下载  2. 使用
 * plugin：1. 下载  2. 引入  3. 使用
 * */
const HtmlWebpackPlugin = require('html-webpack-plugin')
const { resolve } = require('path')


module.exports = {
  entry: './src/index.js',
  output: {
    filename: "build.js",
    path: resolve(__dirname, 'build')
  },
  module: {
    rules: [
    ]
  },
  plugins: [
    // 配置 html-webpack-plugin 插件
    // 功能：生成html文件，自动引入js，css资源
    new HtmlWebpackPlugin({
      // 使用 html 模板
      template: "./src/index.html"
    })
  ],
  mode: "development"
}